<template>
	<!--专家展示-->
	<div class="NewsDetails">
		<div class="banner">
			<!--<div class="banner-box">
				<img class="img1" src="../../images/registered/bg.png" />
				<img class="img2" src="../../images/PortalThemes/logo.png" />
			</div>-->
			<div class="location">
				<div class="ExpertsShow">
					<div class="location-text fl">
						<img class="location-img fl" src="/static/images/ExpertsShow/institute-specialist.png" />
						<p class="fr">专家展示</p>
					</div>
					<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
					<p class="navigation">
						<span class="go-back">
							<router-link :to="{path:'/index',query:{fatherIndex:0}}">
								首页
							</router-link>
						</span>
						/专家展示
					</p>
				</div>
			</div>
			<div class="specialist-show-infomation common-style minHeight">
				<div class="specialist-list ">
					<div class="Experts-retrieve">
						<select name="searchType" v-model="searchType" class="input-box">
							<option value="expertName">姓名</option>
							<option value="expertSecondLevel">二级学科(专业)</option>
							<option value="expertProfessionalSkillDuty">专业技术职务</option>
						</select>
						<input name="search" class="input-box" type="text" autocomplete="off" v-model="search" />
						<input class="retrieves" type="button" value="搜索" @click="searchTodo(true)" />
					</div>
					<ul v-if="expertList.length == 0">
						<li class="center">暂无数据！</li>
					</ul>
					<ul class="specialist-show-content after">
						<li v-for="expert in expertList" @click="expertsDetails(expert.uuid)" class="fl pointer">
							<div class="specialist-head-portrait fl">
								<template v-if="expert.headPortrait == null || expert.headPortrait == ''">
									<img src="/static/images/maleHead.png" v-if="expert.expertGender == '男'">
									<img src="/static/images/womanHead.png" v-else>
								</template>
								<img :src="urls.baseUrl + expert.headPortrait" v-else>
							</div>
							<div class="specialist-introduce fr">
								<p class="specialist-name">{{expert.expertName}}</p>
								<p class="show-oneline">二级学科：<span :title="expert.secondLevel">{{expert.secondLevel}}</span></p>
								<p>专业技术职务：<span class="working-years">{{expert.professionalSkillDuty}}</span></p>
							</div>
						</li>
					</ul>
					<p class="center"><a @click="loadMoreExperts" v-if="total > expertList.length">加载更多</a></p>
				</div>
			</div>

		</div>
	</div>
</template>
<script src="./ExpertsShow.js"></script>

<style scoped>
	@import "ExpertsShow.css";
</style>
